* {
	margin: 0;
	padding: 0;
}

section {
	height: 4000px;
	background: linear-gradient(#87ceeb, pink);
}

.rocket {
	width: 149px;
	height: 249px;
	background-image: url(../img/4.png);
	background-position: 0%;
	position: fixed;
	bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  display: none;
}

.rocket:hover {
	background-position: -100%;
}

.rocket.active {
	animation: rocket_run .5s infinite steps(5);
}

@keyframes rocket_run {
	from {
		background-position: -200%;
	}

	to {
		background-position: -500%;
	}
}
